<!DOCTYPE html>
<html>
<head>
	<title>调岗申请</title>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../dist/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/atom.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/common.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/dialog.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/font-awesome.min.css">

	<link rel="stylesheet" type="text/css" href="../dist/js/dropdown/jquery.dropdown.min.css">
</head>
<body>
	<!-- header -->
	<header>
		<div class="left">
			<!-- <span class="logo-graphic">A</span> -->
			<a onclick="javascript:window.history.back();"><i class="fa fa-angle-left"></i><em class="fw-normal">调岗申请</em></a>
		</div>
		<div class="right">
			<i class="fa fa-list-ul"></i>
			<ul class="fade nav-list">
				<li><a href="#">标题1</a></li>
				<li><a href="#">标题2</a></li>
				<li><a href="#">标题3</a></li>
			</ul>
		</div>
	</header>
	<!-- header END -->
	<section class="container bg-grey">
		<div class="form-control margin-minus mgt-1">
			<label>调出部门</label>
			<span>市场部</span>
		</div>
		<div class="form-control margin-minus mgt-2px">
			<label>调出岗位</label>
			<span>项目经理</span>
		</div>
		<div class="form-control margin-minus mgt-2px timepicker">
			<label>调入部门</label>
			<span>
				<input type="text" readonly="readonly" data-target="deptListModel" name="finance_sort_0" class="dialog-list-picker" placeholder="部门">
				<i class="fa fa-angle-right fz-1_8"></i>
			</span>
		</div>
		<div class="form-control margin-minus mgt-2px timepicker">
			<label>调入岗位</label>
			<span>
				<input type="text" readonly="readonly" data-target="jobListModel" name="finance_event_0" class="dialog-list-picker" placeholder="岗位">
				<i class="fa fa-angle-right fz-1_8"></i>
			</span>
		</div>
		<div class="form-control margin-minus mgt-1 height-auto">
			<label>事由</label>
			<textarea class="apply-textarea" placeholder="请输入事由(必填)"></textarea>
		</div>
		<button class="btn btn-success mgt-1">提交申请</button>
	</section>

	<!-- overlay -->
	<div class="alert-overlay fade" id="alert-overlay"></div>
	<!-- dialog-list 数据层 -->
	<div class="dialog-list fade" id="deptListModel" >
		<ul class=" ">
			<li class="list-item" data-value="销售部">销售部</li>
			<li class="list-item" data-value="市场部">市场部</li>
			<li class="list-item" data-value="人事部">人事部</li>
		</ul>
	</div>
	
	<!-- dialog-list 数据层 -->
	<div class="dialog-list fade" id="jobListModel" >
		<ul class=" ">
			<li class="list-item" data-value="差旅费">员工</li>
			<li class="list-item" data-value="业务招待费">资深员工</li>
			<li class="list-item" data-value="市内交通费">部门经理</li>
		</ul>
	</div>

	<script type="text/javascript" src="../dist/js/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="../dist/js/equ.js"></script>
	<!-- S 可根据自己喜好引入样式风格文件 -->
	<script type="text/javascript" src="../dist/js/jquery.dialog-list.js"></script>

	<!-- 下拉菜单组件 -->
	<script type="text/javascript" src="../dist/js/dropdown/jquery.dropdown.min.js"></script>
	<script type="text/javascript">
	    // 列表弹窗初始化 
	    $("input[data-target=\"deptListModel\"]").dialogList();
	    $("input[data-target=\"jobListModel\"]").dialogList();
	</script>
</body>
</html>